 body,html,div,input,*,from{
 margin:0;
 padding:0;
 border:0;
 }
  html{
 height:100%;
 } 
 html,body,div,label,ul,li,span{
	font-family: PingFangSC-Regular;
}
 input,button ,textarea{ 
 font-family: PingFangSC-Regular;
 cursor: pointer; 
 -webkit-appearance: none;
 border: none;
outline: none; 
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
font-family: PingFangSC-Medium;
    font-size: 1rem;
} 
 .dz_textarea textarea::-webkit-input-placeholder{/*Webkit browsers*/
    color:#B2B2B2;
    font-size:1rem;
    font-weight: 100;
    font-family: 'PingFangSC-Medium;
}
.dz_textarea textarea:-moz-placeholder{/*Mozilla Firefox 4 to 8*/
   color:#B2B2B2;
    font-size:1rem;
     font-weight: 100;
     font-family: PingFangSC-Medium;
}
.dz_textarea textarea::moz-placeholder{/*Mozilla Firefox 19+*/
 color:#B2B2B2;
    font-size:1rem;
     font-weight: 100;
     font-family: PingFangSC-Medium;
}
.dz_textarea textarea:-ms-input-placeholder{/*Internet Explorer 10+*/
     color:#B2B2B2;
    font-size:1rem;
     font-weight: 100;
     font-family: PingFangSC-Medium;
}
input::-ms-clear{display:none;}
 #navigation {
	opacity: 0.98;
    font-family: PingFangSC-Medium;
    background: #FFFFFF;
    color: #888888;
    border-bottom: 0.06rem solid #DDDDDD;
    height:3.79rem;
    line-height: 3.79rem;
    word-spacing: 1rem;
} 
#basic {
	opacity : 0.98;
 	font-family : PingFangSC-Medium;
	color : #888888;
	padding-left: 1rem;
	font-size:1.1rem;
}
#basic a{
	text-decoration: none;
	color:#888;
}
input[type=radio] {

    display: inline-block;

     vertical-align: middle;

    width: 23px;

    height: 23px;

    -webkit-appearance: none;

    background-color: transparent;

    border: 0;

    outline: 0 !important;

    line-height: 17px;

    color: #d8d8d8;
    

}

input[type=radio]:after {

    content: "";

    display:block;

    width: 23px;

    height: 23px;

    border-radius: 50%;

    text-align: center;

    line-height: 20px;

    font-size: 16px;

    color: #fff;

    border: 1px solid #ddd;

    background-color: #fff;

    box-sizing:border-box;

}

input[type=radio]:checked:after {
    content: "L";

    transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

    -webkit-transform:matrix(-0.766044,-0.642788,-0.642788,0.766044,0,0);

    border-color: #d8d8d8;

    background-color: rgb(197,24,10);

}
    input[required]:invalid, input:focus:invalid, textarea[required]:invalid, textarea:focus:invalid{box-shadow: none;}
select {
/*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
border: solid 1px #000;
/*很关键：将默认的select选择框样式清除*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
/*将背景改为红色*/
background:red;
/*加padding防止文字覆盖*/
padding-right: 14px;
    font-size: 1rem;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select {
	font-family: PingFangSC-Regular;
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: solid 1px #ddd;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background: url("../../images/downArrow.png") no-repeat scroll 97% center transparent;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  padding-right: 14px;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand { display: none; }
select::-ms-expand { display: none; }
/*  修改日历控件类型 */
::-webkit-datetime-edit { padding: 1px;}  /*控制编辑区域的*/
::-webkit-datetime-edit-fields-wrapper { background-color: #fff; }    /*控制年月日这个区域的*/
::-webkit-datetime-edit-text { color: #333; padding: 0 .5em; }  /*这是控制年月日之间的斜线或短横线的*/
::-webkit-datetime-edit-year-field { color: #333; }    /*控制年文字, 如2013四个字母占据的那片地方*/   
::-webkit-datetime-edit-month-field { color: #333; }    /*控制月份*/
::-webkit-datetime-edit-day-field { color: #333; }    /*控制具体日子*/
::-webkit-inner-spin-button { visibility: hidden; }    /*这是控制上下小箭头的*/
::-webkit-calendar-picker-indicator {      /*这是控制下拉小箭头的*/
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: inset 0 1px #fff, 0 1px #eee;
    background-color: #eee;
    background-image: -webkit-linear-gradient(top, #f0f0f0, #e6e6e6);
    color: #666;
}
::-webkit-clear-button {    /*控制清除按钮*/

}
input[type=date]::-webkit-inner-spin-button { visibility: hidden; } 
@media screen and (min-width: 321px) and (max-width: 601px) {
	#navigation {
		background: #F6F6F6;
		height: 3.5rem;
		line-height: 3.5rem;
	/* 	border-top:2px solid #e5e5e5; */
		border-bottom:none;
	}
	#basic {
		font-family: PingFangSC-Medium;
		color: #888888;
	} 
	
}
.layui-layer-title{
	background: #F4F4F4 !important;
}
.layui-layer-btn{
	text-align: center!important;
    padding: 12px 10px!important;
    border-top: 1px dashed #efefef!important;
}
.layui-layer-btn .layui-layer-btn0{
	background: #D93534!important;
    border-radius: 30px!important;
	border-color: #D93534!important;
	
}
.layui-layer-dialog .layui-layer-padding{
	font-size: 16px!important;
    color: #595959!important;
}
.layui-layer-btn a{
	padding: 0 28px!important;
}




/* <!--手机端--> */
@media screen and (max-width: 601px) and (min-width: 321px) {
	html {
		font-size: 14px
	}
	#layers {
		max-width: 25rem;
	}
	.info {
		font-size:1.2rem;
	}
	.search_box {
		padding: 0;
		display: block;
		font-size:1.2rem;
	}
	.block, .commitBtn, .tagContent {
		margin: 10px 3%;
		width:94%;
		font-size:1.2rem;
	}
	.block, .tagContent {
		display: block;
		height: auto;
	}
	.search_box .city {
		width: 100%;
		font-size:1.2rem;
	}
	.search_box .city:last-child{
	 margin-bottom: 0;
	}
	.search_box .input, .search_box textarea {
		padding-left: 3%;
		width: 97%;
		font-size:1.2rem;
	}
	#selectTags {
		padding-left: 3%;
		width: 94%;
		font-size:1.2rem;
	}
	#switchTag{

    font-size:1.2rem;
  }
	.commitBtn {
		width: auto;
		margin: 1rem 3%;
	}
	.commitBtn input[type=button] { 
	font-size:1.2rem;
	}
	.layui-layer-dialog{
	width: 292px;
	
	}
	.layui-layer-btn a{
	padding: 0 70px!important;
}
}





